@charset "utf-8";
html {width: 100%;-webkit-text-size-adjust:none;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);height: 100%;}
* {margin: 0;padding: 0;}
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
i {font: inherit;}
input,select,option {vertical-align: middle;border-radius: 0px;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;}
input[type="text"],input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;appearance: none;border-radius: 0;outline: none;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
h1,h2,h3,h4,h5,h6,i,strong {font-weight: normal;}
select::-ms-expand { display: none; }
a {color: #4b4040;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover {text-decoration: none;outline: none;}
.clear {clear: both;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin: 0;padding: 0;}
/*clear 页头，页脚，内容区都不用再加清除样式 */
.wrap { width:1200px; margin:0 auto;}
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both; }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
/* 初始化 */
body {width: 100%;height: 100%;font-size: 16px; line-height: 24px;background: #fff;min-height: 100%;font-family: 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;}
/*头部*/
.header { min-height:136px; overflow:hidden;}
.header .logo .pic{ margin-top:23px; width:89px; height:82px;}
.header .logo .pic img { width:100%;}
.header .logo .cn{ margin-top:33px; margin-left:5px; font-size:32px; color:#1b4077; font-weight:bold; line-height:46px;}
.header .logo .en{ margin-left:10px; font-size:16px; color:#666666; line-height:24px; text-transform:uppercase;}
.header .phone .pic{ margin-top:47px; width:62px; height:45px;}
.header .phone .pic img { width:100%;}
.header .phone .cn{ margin-top:46px; margin-left:8px; font-size:14px; color:#999999; line-height:20px;}
.header .phone .en{ font-size:24px; margin-left:8px; color:#ef4c4d; line-height:28px;}
.nav { background-color:#1b4077; height:58px; overflow:hidden;}
.nav ul li{ float:left; position:relative;}
.nav ul li a { display:inline-block; float:left; color:#FFF; line-height:58px; padding:0 48px; font-size:18px;}
.nav ul li a:hover { background-color:#eb0102;}
.nav ul li .sub { position: absolute;left:0px; top:58px;z-index:30000; text-align:center;}
.nav ul li .sub ul li{ float:left;width:168px; position:relative; background-color:#1b4077; }
.nav ul li .sub ul li a { font-size:16px; width:168px; line-height:40px; padding:0; }
.nav ul li .sub ul li:hover {background-color:#eb0102;}
/*banner*/
.banner{position: relative;height: 500px;}
.banner .uk-slidenav{display: block;width:27px;height: 50px;}
.banner .uk-slidenav-previous{background: url(../images/left.png) no-repeat;position: absolute;left:0;bottom: 50%}
.banner .uk-slidenav-next{background: url(../images/right.png) no-repeat;position: absolute;right:0;bottom:50%;}
.banner .uk-dotnav{text-align: center;bottom:10px;}
.banner .uk-dotnav li{width:10px;height: 10px;border-radius: 50%;background: #ddd;opacity: 0.6;display: inline-block;}
.banner .uk-dotnav li.uk-active{background: #000 !important;}
.banner .uk-slideshow > li > img{height: 500px !important;position:relative;left:50%;margin-left: -1000px;}
.banner .uk-slideshow > li{height: 500px !important;}
/*产品展示*/
.i-pro { background-color:#fafafa; padding-top:42px; padding-bottom:66px;}
.i-pro-cata{ width:260px; background-color:#1b4077; border-radius:5px; padding:5px 0 3px 0; margin-top:14px;}
.i-pro-cata .ban { color:#FFF; font-size:30px; background:url(../images/i-pro-cata.png) no-repeat top; line-height:87px; padding-top:8px; text-align:center;}
.i-pro-show { width:940px;}
.i-pro-show ul li { float:left; margin-left:19px; margin-top:14px; width:292px; text-align:center; line-height:58px;}
.i-pro-show ul li .pic { width:290px; height:213px; border:#959595 solid 1px; overflow:hidden;}
.i-pro-show ul li .pic img { width:100%;}
.i-pro-show ul li .tit { font-size:18px; color:#4b4040;}
.i-pro-show ul li:hover .pic{ border:#1b4077 solid 1px;}
/*curtips 部分*/
#curtips { width:254px; background-color:#FFF; margin-left:3px; height:730px; overflow:hidden;}
#curtips .icon_jian{background: url(../images/jian.jpg) no-repeat center right;width: 15px;height: 15px;display: inline-block;background-size: 100%;float: right;padding-top:27px; cursor:pointer; margin-right:13px;}
#curtips .icon_jia{background: url(../images/jia.jpg) no-repeat center right;width: 15px;height: 15px;display: inline-block;background-size: 100%;float: right;padding-top:27px; cursor:pointer; margin-right:13px;}
#curtips ul .te>p{display: inline-block; margin:15px 6px 0 6px; padding-left:15px; height: 44px;width:223px;line-height: 44px;font-size: 0; background-color:#1b4077;}
#curtips ul .active a{}
#curtips ul li a ,#curtips ul li span{text-decoration: none; font-size: 16px; cursor:pointer; }
#curtips ul li a { display:inline;color: #fff; padding-left:0px;} 
#curtips ul li a:hover { color:#fff;}
#curtips ul li ul { padding-top:4px; padding-left:7px;}
#curtips ul li ul li{line-height:32px; background:url(../images/dian.png) no-repeat left; padding-left:30px;}
#curtips ul li ul li a {color:#4b4040;font-size:14px;}
#curtips ul li ul li a:hover { color:#eb0102;}
#curtips ul .active ul li a{color:#4b4040; font-weight:normal;}
#curtips .cl{display: block;}
#curtips .yinc{display: none;}
/*curtips2 部分*/
#curtips2 { width:244px; border:#1b4077 solid 3px; margin-top:-8px; padding-bottom:15px;}
#curtips2 .icon_jian{background: url(../images/jian.jpg) no-repeat center right;width: 15px;height: 15px;display: inline-block;background-size: 100%;float: right;padding-top:27px; cursor:pointer; margin-right:13px;}
#curtips2 .icon_jia{background: url(../images/jia.jpg) no-repeat center right;width: 15px;height: 15px;display: inline-block;background-size: 100%;float: right;padding-top:27px; cursor:pointer; margin-right:13px;}
#curtips2 ul .te>p{display: inline-block; margin:15px 6px 0 6px; padding-left:15px; height: 44px;width:213px;line-height: 44px;font-size: 0; background-color:#1b4077;}
#curtips2 ul .active a{}
#curtips2 ul li a ,#curtips ul li span{text-decoration: none; font-size: 16px; cursor:pointer; }
#curtips2 ul li a { display:inline;color: #fff; padding-left:0px;} 
#curtips2 ul li a:hover { color:#fff;}
#curtips2 ul li ul { padding-top:4px; padding-left:7px;}
#curtips2 ul li ul li{line-height:32px; background:url(../images/dian.png) no-repeat left; padding-left:30px;}
#curtips2 ul li ul li a {color:#4b4040;font-size:14px;}
#curtips2 ul li ul li a:hover { color:#eb0102;}
#curtips2 ul .active ul li a{color:#4b4040; font-weight:normal;}
#curtips2 .cl{display: block;}
#curtips2 .yinc{display: none;}
#curtips2 ul li ul .act a{ color:#eb0102;}
/*关于我们*/
.i-about {margin-top:44px; padding-bottom:50px;}
.i-about-ban {  width:100%; height:70px; text-align:center; position:relative; color:#e6eaf0; font-size:54px; text-transform:uppercase; font-weight:bold;}
.i-about-ban .cn { position:absolute; left:50%; top:14px; margin-left:-75px; font-size:36px; color:#1b4077; font-weight:normal; }
.i-about-ban .cn span { color:#eb0102; }
.i-about-show { margin-top:36px; width:100%;}
.i-about-show .pic{ margin-top:10px; width:606px; height:389px; overflow:hidden;}
.i-about-show .pic img { width:100%;}
.i-about-show .con{ width:594px; }
.i-about-show .con .des{ padding-left:30px; color:#151515; line-height:32px;  text-indent:2em;}
.i-about-show .con .more{ margin:54px 0 0 10px;}
.i-about-show .con .more ul li { float:left; text-align:center; margin-left:19px; }
.i-about-show .con .more ul li a { display:inline-block; float:left; width:124px; padding-top:78px; height:37px; border-radius:5px; border:#1b4077 solid 1px; }
.i-about-show .con .more ul li a:hover { background-color:#1b4077; color:#fff;}
.i-about-show .con .more ul li:first-child a { background:url(../images/about-icon.png) no-repeat; background-position:0px 0px;}
.i-about-show .con .more ul li:first-child+li a{ background:url(../images/about-icon.png) no-repeat; background-position:-150px 0px;}
.i-about-show .con .more ul li:first-child+li+li a{ background:url(../images/about-icon.png) no-repeat; background-position:-300px 0px;}
.i-about-show .con .more ul li:first-child+li+li+li a{ background:url(../images/about-icon.png) no-repeat; background-position:-450px 0px;}
.i-about-show .con .more ul li:first-child a:hover { background:#1b4077 url(../images/about-icon.png) no-repeat; background-position:0px -150px;}
.i-about-show .con .more ul li:first-child+li a:hover{ background:#1b4077 url(../images/about-icon.png) no-repeat; background-position:-150px -150px;}
.i-about-show .con .more ul li:first-child+li+li a:hover{ background:#1b4077 url(../images/about-icon.png) no-repeat; background-position:-300px -150px;}
.i-about-show .con .more ul li:first-child+li+li+li a:hover{ background:#1b4077 url(../images/about-icon.png) no-repeat; background-position:-450px -150px;}
/*厂区实力*/
.i-shili { width:100%; margin-top:43px; background:url(../images/shilibg.jpg) repeat-x top center; min-height:484px; padding-top:70px;}
.i-shili-ban { width:100%; height:70px; text-align:center; position:relative; color:#365685; font-size:54px; text-transform:uppercase; font-weight:bold;}
.i-shili-ban .cn { position:absolute; left:50%; top:14px; margin-left:-75px; font-size:36px; color:#ffffff; font-weight:normal; }
.i-shili-show { margin-top:32px; background-color:#fafafa; width:100%; height:323px;}
.i-case { width:100%; padding:0;}
.i-case .case-list{overflow:hidden; position:relative; height:247px; padding-top:30px; }
.i-case .case-list .hidden{width:1120px; height:247px; margin:0 auto;overflow:hidden}
.i-case .case-list ul{margin-right:-41px;position:relative}
.i-case .case-list li{width:363px;float:left;margin-right:10px; border:#ebece4 solid 1px;}
.i-case .case-list li .tp{width:363px;height:247px;}
.i-case .case-list .btn{width:20px;height:70px;background:url(../images/btn.png);display:block;position:absolute;top:110px}
.i-case .case-list .r{right:0;transform:rotate(180deg)}
/*新闻中心*/
.i-news {margin-top:0px; padding-bottom:50px;}
.i-news-ban {  width:100%; height:70px; text-align:center; position:relative; color:#e6eaf0; font-size:54px; text-transform:uppercase; font-weight:bold;}
.i-news-ban .cn { position:absolute; left:50%; top:14px; margin-left:-75px; font-size:36px; color:#1b4077; font-weight:normal; }
.i-news-ban .cn span { color:#eb0102; }
.i-news-show { width:100%;}
.i-news-show .list { width:810px; margin-top:5px;}
.i-news-show .list ul li { float:left; width:338px; height:204px; border:#b5b5b5 solid 1px; margin:18px 19px 0 0; padding:36px 23px 0 23px;}
.i-news-show .list ul li .tit { font-size:18px; color:#0068b7; border-bottom:#b7b7b7 dashed 1px; line-height:46px; height:46px; overflow:hidden; }
.i-news-show .list ul li .tit a { color:#0068b7;}
.i-news-show .list ul li:hover .tit { border-bottom:#eb0102 dashed 1px; }
.i-news-show .list ul li .des { font-size:14px; color:#686868; line-height:23px; margin-top:13px; height:69px; overflow:hidden; }
.i-news-show .list ul li .riqi { font-size:14px; color:#f04141; margin-top:18px;}
.i-news-show .list ul li .riqi a { float:right; font-size:12px; color:#f04141; padding-right:11px;}
.i-news-show .list ul li .riqi a:hover { text-decoration:underline;}
.i-news-show .con { width:390px; margin-top:23px;}
.i-news-show .con .pic { width:390px; height:304px;}
.i-news-show .con .pic img { width:100%;}
.i-news-show .con .more {width:390px; margin-top:14px;}
.i-news-show .con .more ul li { float:left; text-align:center; margin-left:10px; }
.i-news-show .con .more ul li:first-child { margin-left:0;}
.i-news-show .con .more ul li a { display:inline-block; float:left; width:190px; height:68px; padding-top:116px; color:#fff; font-size:18px;}
.i-news-show .con .more ul li:first-child a { background:#eb0102 url(../images/newspic1.png) no-repeat; background-position:72px 49px;}
.i-news-show .con .more ul li:first-child+li a{ background:#0068b7 url(../images/newspic2.png) no-repeat; background-position:72px 49px;}
/*网站底部*/
.footer{ background-color:#1b4077; color:#889bb8;}
.footer a { color:#889bb8;}
.footer .bot { width:100%; margin-top:20px; border-top:#41608e solid 1px; text-align:center; font-size:14px; padding:17px 0 27px 0;}
.footer .tit { font-size:14px; color:#bebebe; line-height:22px;}
.footer .con { font-size:18px; color:#ececec; line-height:32px;}
.footer .tel { float:left; background:url(../images/foot1.jpg) no-repeat left top; padding-left:68px; padding-top:2px; margin-top:78px; width:250px;}
.footer .add { float:left; background:url(../images/foot2.jpg) no-repeat left top; padding-left:68px; padding-top:2px; margin-top:78px; width:382px;}
.footer .ewm { float:right; border-left:#41608e solid 1px; margin-top:64px; padding-left:42px; height:110px; width:355px;} 
.footer .ewm .tit { font-size:18px; color:#889bb8; line-height:32px; font-weight:bold; margin-top:15px;}
.footer .ewm .con { font-size:14px; color:#889bb8; line-height:32px;}
/*返回顶部*/
p#top{ position:fixed;display:none;bottom:0px;right:20px;}  
p#top a{text-align:center;text-decoration:none;color:#d1d1d1;display:block;width:30px;transition:color 1s;}  
p#top a:hover{ color:#979797;  }  
p#top a span{background:url(../images/gotop.png) no-repeat center;border-radius:6px;display:block;height:30px;transition:background 1s;}  
#top a:hover span{background:url(../images/gotop.png) no-repeat center;} 
/*内页*/
.n-main { padding-top:20px; padding-bottom:40px;}
.n-left {float:left; width:250px;}
.n-left-li { margin-top:20px;}
.n-left-li-con { background-color:#f3f3f3; line-height:35px; padding:15px; font-size:14px;}
.n-left dl {width:250px;background-color:#f7f7f7; }
.n-left dl dt{width:100%; height:50px; line-height:50px;  color:#fff; background-color:#1b4077; text-align:center; position:relative; font-size:20px; margin-bottom:5px;}
.n-left dl dd{width:100%; line-height:50px; background-color:#f7f7f7; }
.n-left dl dd a { display:block; text-align:center; font-size:16px;}
.n-left dl dd a:hover { background-color:#eceaea; color:#eb0102;}
.n-right { float:left; margin:20px 0 0 20px; width:928px;}
.n-right-ban { width:100%; padding:0 20px; line-height:50px; height:50px; border-bottom:#1b4077 solid 1px; box-sizing:border-box; color:#1b4077; font-size:22px;}
.n-right-ban span { float:right; color:#787878; font-size:14px;}
.n-right-ban span a:hover {  color:#1b4077;}
.n-right-con {}
.n-show { padding:10px 20px; font-size:16px; color:#000; line-height:40px; box-sizing:content-box; text-indent:2em;}
.n-show img { max-width:100%;}
.n-show .img-responsive { display:inline;}
.n-tit { font-size:20px; text-align:center; line-height:34px; margin-top:36px; padding:0 10px;}
.n-time { font-size:14px; text-align:center; line-height:18px; margin-top:23px; color:#bababa; }
.n-xian {border-bottom:#e5e5e5 solid 1px; height:1px; margin-top:20px;}
.n-other { line-height:30px; padding:10px 20px;}
.n-other a:hover{ text-decoration:underline; }  
.pagination { width:100%; text-align:center; padding:10px 0; font-size:14px;}
.pagination a:hover { text-decoration:underline;}
.n-news { padding:10px;}
.n-news ul li{ float:left; width:100%; border-bottom:#d1d2d3 dashed 1px; padding:0 0 30px 0; position:relative;}
.n-news .new-l-tit { font-size:16px; color:#2b3d63; line-height:46px; background:url(../images/dian2.png) no-repeat left; padding-left:14px; margin-top:13px; height:46px; overflow:hidden;}
.n-news .new-l-tit i { float:right; color:#a5a5a5; font-size:14px;}
.n-news .new-l-tit a {color:#2b3d63;}
.n-news .new-l-des { font-size:14px; color:#a5a5a5; line-height:24px; height:48px; overflow:hidden;}
.n-news ul li {background: linear-gradient(to right,#f4f6f8 50%, #fff 50%); background-size: 200% 100%; background-position:100% 0;}
.n-news ul li:hover {-webkit-animation: myfirst 1s 1;background-position: 0 0%;}
@-webkit-keyframes myfirst{0% { background-position: 100% 0;}100% {background-position: 0 0%;}}
.n-pic {width:928px; margin-top:19px;}
.n-pic ul li { float:left; width:290px; text-align:center; margin-left:14px; margin-bottom:19px; }
.n-pic ul li:hover {}
.n-pic ul li .pic { width:290px; height:205px;}
.n-pic ul li .pic img{ width:277px; height:203px; border:#cfcfcf solid 1px;}
.n-pic ul li .tit { line-height:42px; height:42px; overflow:hidden;}
.n-pic ul li:hover .tit a{ color:#1b4077;}
@media(max-width:1200px){
.nav {width:1200px; margin:0 auto;}
.banner {width:1200px; margin:0 auto;}
.i-pro {width:1200px; margin:0 auto;}
.i-shili {width:1200px; margin:0 auto;}
.footer {width:1200px; margin:0 auto;}
}